<!--
 * @Descripttion: 库存查询列表
 * @version:
 * @Author: cxguo
 * @Date: 2019-08-02 15:03:05
 * @LastEditors: cxguo
 * @LastEditTime: 2020-11-12 15:11:43
 -->
<template>
  <div class="app-container">
    searchData: {{ searchData }}
    <Tab
      v-model="searchData.tab"
      :texts="['日报','月报','年报']"
      :is-show-date="false"
      @on-click="onTabClick"
    >
      <div class="fr" />
    </Tab>
    <div>
      <el-card shadow="never" class="oper-btn-card">
        <div class="clearfix">
          <div class="fl">
            <span>时间： </span>
            <el-date-picker v-model="searchData.time" />
            <el-button type="primary" @click="btnSearch">查询</el-button>
          </div>
        </div>
      </el-card>
      <SaleInfo />
      <el-card shadow="never" class="oper-btn-card">
        <chart />
      </el-card>
    </div>
  </div>
</template>
<script>
import { oftenuse } from '@/libs/mixins'
import Tab from '@/views/components/Tab'
import Chart from '@/views/report/components/chart.vue'
import SaleInfo from './sale-info.vue'

export default {
  name: 'ReportManagerStatus',
  filters: {
  },
  components: { Chart, SaleInfo, Tab },
  mixins: [oftenuse],
  data() {
    return {
      searchData: {},
      saleInfo: {}
    }
  },
  watch: {
  },
  created() {
  },
  methods: {
    btnSendReport() {},
    btnSearch() {
    },
    // on
    onSizeChange(val) {
      this.pageInfo.current = 1
      this.pageInfo.size = val
      this.getstockList()
    },
    onCurrentChange(val) {
      this.pageInfo.current = val
      this.getstockList()
    },
    onTabClick() {
    }
  }
}
</script>
<style scoped>

</style>
